<div class="panel panel-default">
    <div class="panel-heading font-bold">
        Edit Blog
    </div>
    <!-- toaster directive -->
    <toaster-container toaster-options="{'position-class': 'toast-top-right', 'close-button':true}"></toaster-container>
    <!-- / toaster directive -->
    <div class="panel-body">
        <form class="form-horizontal" method="get">
            <div class="form-group col-sm-offset-2">
                <label class="col-sm-1 control-label">Title</label>
                <div class="col-sm-5">
                    <input type="text" ng-model="blog.title" class="form-control rounded">
                </div>
                <label class="col-sm-1 control-label">Type</label>
                <div class="col-sm-3">
                    <ui-select ng-model="blog.type" theme="bootstrap">
                        <ui-select-match class="form-control rounded" placeholder="Select or search a type in the list...">{{$select.selected.name}}</ui-select-match>
                        <ui-select-choices repeat="item in types | filter: $select.search">
                            <div ng-bind-html="item.name | highlight: $select.search"></div>
                            <small ng-bind-html="item.dec | highlight: $select.search"></small>
                        </ui-select-choices>
                    </ui-select>
                </div>
            </div>
        </form>
        <div id="layout">
            <div class="editormd" id="test-editormd">
                <textarea></textarea>
            </div>
            <br/>
            <input id="submit" type="button" name="submit" value="Submit"
                   class="btn m-b-xs w-xs btn-success btn-rounded" style="margin-left: 5%;"
                   ng-click="submit()"/>
            <button id="preview-btn" class="btn m-b-xs btn-info" ng-click="preview()">Preview HTML (Press Shift + ESC cancel)
            </button>
        </div>
    </div>
</div>